<template>
	<view class="container">
		<view class="title">家庭经济状况</view>
		<view class="options">
			<view class="optionsLeft">申请人</view>
			<view class="optionsRight">收拾</view>
		</view>
		<view class="options">
			<view class="optionsLeft">共同居住人</view>
			<view class="optionsRight">
				<view class="name">叶修</view>
				<view class="kongge"></view>
				<view class="name">张起灵</view>
			</view>
		</view>
		<view class="options">
			<view class="optionsLeft">联系电话</view>
			<view class="optionsRight">18518968960</view>
		</view>
		<view class="options">
			<view class="optionsLeft">用户位置</view>
			<view class="optionsRight">
				<view class="position">18518968960</view>
				<image class="positionIcon" src="/static/anfangDetail/position.png" mode=""></image>
			</view>
		</view>
		<view class="optionsBottomBox">
			<view class="optionsBottomTitle">用户说明</view>
			<view class="optionsBottomBottom">
				是开发商扩大飞机电视机分厘卡士大夫艰苦圣诞节分厘卡圣诞节反倒是立刻解放的十六客服
			</view>
		</view>
		<view class="line"></view>
		<view class="imageBox">
			<view class="imageTitle">证件信息</view>
			<scroll-view  scroll-x="true" class="scrollImageBox">
				<view class="imageIconBox">
					<image class="imageIcon" src="/static/anfangDetail/position.png"></image>
					<view class="imageIconTitle">叶修身份证</view>
				</view>
				<view class="imageIconBox">
					<image class="imageIcon" src="/static/anfangDetail/position.png"></image>
					<view class="imageIconTitle">叶修身份证</view>
				</view>
				<view class="imageIconBox">
					<image class="imageIcon" src="/static/anfangDetail/position.png"></image>
					<view class="imageIconTitle">叶修身份证</view>
				</view>
			</scroll-view>
		</view>
		<view class="imageBox">
			<view class="imageTitle">家庭信息</view>
			<scroll-view  scroll-x="true" class="scrollImageBox">
				<view class="imageIconBox">
					<image class="imageIcon" src="/static/anfangDetail/position.png"></image>
					<view class="imageIconTitle">叶修身份证</view>
				</view>
				<view class="imageIconBox">
					<image class="imageIcon" src="/static/anfangDetail/position.png"></image>
					<view class="imageIconTitle">叶修身份证</view>
				</view>
				<view class="imageIconBox">
					<image class="imageIcon" src="/static/anfangDetail/position.png"></image>
					<view class="imageIconTitle">叶修身份证</view>
				</view>
			</scroll-view>
		</view>
		<view class="button" @click="link">
			开始调查
		</view>
		<view class="bottom"></view>
	</view>
</template>

<script>
	export default {
		methods:{
			link(){
				uni.navigateTo({
					url:'/pages/getInfo/index'
				})
			}
		}
	}
</script>

<style>
	page{
		background:white;
	}
</style>
<style scoped>
	.title{
		font-size:24rpx;
		color:#fa5245;
		line-height:1;
		text-align:center;
		padding-bottom:20rpx;
		padding-top:50rpx;
	}
	.options{
		width:670rpx;
		border-radius:6rpx;
		border:1rpx solid #ccc;
		display:flex;
		align-items:center;
		height:86rpx;
		padding:0 40rpx;
		margin:0 auto;
		margin-top:30rpx;
		justify-content:space-between;
	}
	.optionsLeft{
		font-size:30rpx;
		color:#ccc;
	}
	.optionsBottomTitle{
		font-size:30rpx;
		color:#ccc;
	}
	.optionsRight{
		display:flex;
		align-items:center;
		font-size:30rpx;
	}
	.optionsBottomBottom{
		font-size:30rpx;
		margin-top:20rpx;
	}
	.position{
		max-width:360rpx;
	}
	.positionIcon{
		width:27rpx;
		height:38rpx;
		margin-left:25rpx;
	}
	.kongge{
		width:20rpx;
	}
	.optionsBottomBox{
		width:670rpx;
		border-radius:6rpx;
		border:1rpx solid #ccc;
		padding:20rpx 40rpx;
		margin:0 auto;
		margin-top:30rpx;
	}
	.line{
		height:26rpx;
		background:#f7f7f7;
		margin-top:30rpx;
	}
	.imageBox{
		padding-top:50rpx;
	}
	.imageTitle{
		font-size:30rpx;
		font-weight:700;
		padding-left:40rpx;
	}
	.scrollImageBox{
		white-space:nowrap;
	}
	.imageIconBox{
		display:inline-block;
		width:330rpx;
		padding:20rpx 0;
	}
	.imageIcon{
		width:308rpx;
		height:174rpx;
		margin:0 auto;
	}
	.imageIconTitle{
		text-align:center;
		font-size:24rpx;
		font-weight:700;
		color:#ccc;
		maring-top:30rpx;
	}
	.button{
		width:570rpx;
		line-height:84rpx;
		text-align:center;
		margin:0 auto;
		margin-top:50rpx;
		border-radius:6rpx;
		background:linear-gradient(90deg,#fa5444,#ff988f);
		font-size:28rpx;
		color:white;
		
	}
	.bottom{
		height:160rpx;
	}
</style>
